<!--搜索框负责总的切换-->

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <title>华南理工大学人才交流市场</title>
</head>
<body>
<script src="../js/main/jquery.js"></script>
<script src="../js/main/index.js"></script>
<script src="../js/search/search.js"></script>
<link href="../css/main/base.css"  rel="stylesheet"/>
<link href="../css/base.css"  rel="stylesheet"/>
<link rel="stylesheet"  href="../css/materialize.css">
<link rel="stylesheet"  href="../css/main/index.css">
<link rel="stylesheet"  href="../css/main/search.css">
<link href="https://fonts.css.network/icon?family=Material+Icons" rel="stylesheet">
<div class="header comWidth">
    <div class="topBar">
        <div class="comWidth">
            <div class="header fl">
                <a href="test/information.html" target="_blank">关于基地</a>
            </div>
            <div class="header fr">
                <a class="mainBtn" href="role/login.html" target="_blank">登录</a>

                <span class="line">|</span>
                <a class="mainBtn" href="role/register.html" target="_blank">注册</a>
            </div>
        </div>
    </div>
</div>

<nav class="white lighten-5 comWidth">
    <div class="nav-wrapper">
        <ul class="left">
            <li><img id="logo" src="../res/imgs/materialize.svg"/></li>
            <li><p class="logo-name">华南理工大学<br/>人才交流平台
                <p></li>
            <li><a href="#" id="indexBtn">首页</a></li>
           <li><a href="../team/roles_team.html" id="teamBtn">团队</a></li>
        </ul>

        <div class="input-field right search-bar">
            <input class="start" id="search" type="search" placeholder="Click to search" required>
            <label for="search" ><a href="#" id="startSearch"><i class="material-icons">search</i></a></label>
            <i class="material-icons">close</i>
        </div>
    </div>
</nav>

<!--<div class="container row">
<div class="input-field search-bar col s5 pull-l2">
    <input class="start" id="search" type="search" placeholder="Click to search" required>
    <label for="search" ><a href="#" id="startSearch"><i class="material-icons">search</i></a></label>
    <i class="material-icons">close</i>
</div>
</div>-->

<div class="row" id="selector" style="visibility: hidden;">
    <div class="col s2 pull-s3" id="selectPosition"><span class="selectText">职位</span>
        <span class="subtext">(100+)</span>
    </div>
    <div class="col s2 pull-s3" id="selectTeam">  <span class="selectText">团队</span>
        <span class="subtext">(50+)</span>
    </div>
    <div class="col s2 pull-s3" id="selectProject"> <span class="selectText">项目</span>
        <span class="subtext">(1000+)</span>
    </div>
</div>

<div id="searchResult"  class="container">

</div>
<div id="changePage" class="row" style="visibility: hidden">
    <div class='col s2 push-s6' id='firstPage'>首页</div>
    <div class='col s2 push-s6' id='previousPage'>上一页</div>
    <div class='col s2 push-s6' id='nextPage'>下一页</div>
    <div class='col s2 push-s6' id='lastPage'>尾页</div>
</div>


</body>
</html>
